<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>
		<link rel="stylesheet" type="text/css" href="css/dingdan.css"/>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
	</head>
	<body>
		<header>
			<div class="d1">
				<div class="fh">
					
				</div>
			</div>
			<div class="d2">
				商品订单
			</div>
			<div class="d3">
				<img src="nimg/n1.png" >
			</div>
		</header>
		<div style="height: 1.3rem;">
			
		</div>
		<div style="background-color: white;">
			<div class="zbnr">
				<span id="q1">全部</span>
				<span id="q2">待付款</span>
				<span id="q3">待收货</span>
			</div>
			<div id="kk2" class="zbnr2">
				您还没有 订单
			</div>
			<div id="kk1">
				<div class="fknr">
					<img src="dingdanimg/dfk1.png" >
					&nbsp;&nbsp;
					<span>小米商城</span>
					<div style="width: 5.5rem;">
						
					</div>
					<p>等待付款</p>
				</div>
				<div class="fknr2">
					<img src="dingdanimg/dfk2.jpg" >
					<span>Xiaomi 11 UItra 12GB+256GB</span>
					<div style="width: 2.5rem;text-align: right; color: #00000080;">
						¥5999.00<br />
						x1
					</div>
				</div>
				<div class="fknr3">
					<span style="color: #919191;">2021-11-11 20:27</span>
					<div style="margin-left: 1rem;"></div>
					<p>共1件商品 应付金额：</p>
					<span style="color: #00000080;">5999.00元</span>
				</div>
				<div class="fknr4">
					<div id="qxdd" class="fknr4_ys">取消订单</div>
					<div id="ljfk" class="fknr4_ys2">立即付款</div>
				</div>
			</div>
			<div id="kk3">
				<div class="fknr">
					<img src="dingdanimg/dfk1.png" >
					&nbsp;&nbsp;
					<span>小米商城</span>
					<div style="width: 5.5rem;">
						
					</div>
					<p>等待收货</p>
				</div>
				<div class="fknr2">
					<img src="dingdanimg/dfk2.jpg" >
					<span>Xiaomi 11 UItra 12GB+256GB</span>
					<div style="width: 2.5rem;text-align: right; color: #00000080;">
						¥5999.00<br />
						x1
					</div>
				</div>
				<div class="fknr3">
					<span style="color: #919191;">2021-11-11 20:27</span>
					<div style="margin-left: 1rem;"></div>
					<p>共1件商品 应付金额：</p>
					<span style="color: #00000080;">5999.00元</span>
				</div>
				<div class="fknr4">
					<div id="sqtk" class="fknr4_ys">申请退款</div>
					<div id="qrsh" class="fknr4_ys2">确认收货</div>
				</div>
			</div>
		</div>
		
		<div id="tjnr">
			<div class="sa">
				<img src="gwcimg/sptj.png" >
			</div>
			<div class="si">
				<div class="sk">
					<div>
						<img src="gwcimg/sp2.jpg" >
					</div>
					<div>
						<a id="a1">Redmi Note 10 5G</a><br>
						<a id="a2">￥1099</a>
					</div>
				</div>
				<div class="sk">
					<div>
						<img src="gwcimg/sp3.jpg" >
					</div>
					<div>
						<a id="a1">米家除螨仪</a><br>
						<a id="a2">￥199</a>
					</div>
				</div>
			</div>
			<div class="si">
				<div class="sk">
					<div>
						<img src="gwcimg/sp4.jpg" >
					</div>
					<div>
						<a id="a1">Redmi Note 10 5G</a><br>
						<a id="a2">￥1099</a>
					</div>
				</div>
				<div class="sk">
					<div>
						<img src="gwcimg/sp5.jpg" >
					</div>
					<div>
						<a id="a1">米家除螨仪</a><br>
						<a id="a2">￥199</a>
					</div>
				</div>
			</div>
			<div class="si">
				<div class="sk">
					<div>
						<img src="gwcimg/sp2.jpg" >
					</div>
					<div>
						<a id="a1">Redmi Note 10 5G</a><br>
						<a id="a2">￥1099</a>
					</div>
				</div>
				<div class="sk">
					<div>
						<img src="gwcimg/sp3.jpg" >
					</div>
					<div>
						<a id="a1">米家除螨仪</a><br>
						<a id="a2">￥199</a>
					</div>
				</div>
			</div>
			<div class="si">
				<div class="sk">
					<div>
						<img src="gwcimg/sp2.jpg" >
					</div>
					<div>
						<a id="a1">Redmi Note 10 5G</a><br>
						<a id="a2">￥1099</a>
					</div>
				</div>
				<div class="sk">
					<div>
						<img src="gwcimg/sp3.jpg" >
					</div>
					<div>
						<a id="a1">米家除螨仪</a><br>
						<a id="a2">￥199</a>
					</div>
				</div>
			</div>
			<div class="si">
				<div class="sk">
					<div>
						<img src="gwcimg/sp2.jpg" >
					</div>
					<div>
						<a id="a1">Redmi Note 10 5G</a><br>
						<a id="a2">￥1099</a>
					</div>
				</div>
				<div class="sk">
					<div>
						<img src="gwcimg/sp3.jpg" >
					</div>
					<div>
						<a id="a1">米家除螨仪</a><br>
						<a id="a2">￥199</a>
					</div>
				</div>
			</div>
			<div class="si">
				<div class="sk">
					<div>
						<img src="gwcimg/sp2.jpg" >
					</div>
					<div>
						<a id="a1">Redmi Note 10 5G</a><br>
						<a id="a2">￥1099</a>
					</div>
				</div>
				<div class="sk">
					<div>
						<img src="gwcimg/sp3.jpg" >
					</div>
					<div>
						<a id="a1">米家除螨仪</a><br>
						<a id="a2">￥199</a>
					</div>
				</div>
			</div>
			<div class="si">
				<div class="sk">
					<div>
						<img src="gwcimg/sp2.jpg" >
					</div>
					<div>
						<a id="a1">Redmi Note 10 5G</a><br>
						<a id="a2">￥1099</a>
					</div>
				</div>
				<div class="sk">
					<div>
						<img src="gwcimg/sp3.jpg" >
					</div>
					<div>
						<a id="a1">米家除螨仪</a><br>
						<a id="a2">￥199</a>
					</div>
				</div>
			</div>
			<div class="si">
				<div class="sk">
					<div>
						<img src="gwcimg/sp2.jpg" >
					</div>
					<div>
						<a id="a1">Redmi Note 10 5G</a><br>
						<a id="a2">￥1099</a>
					</div>
				</div>
				<div class="sk">
					<div>
						<img src="gwcimg/sp3.jpg" >
					</div>
					<div>
						<a id="a1">米家除螨仪</a><br>
						<a id="a2">￥199</a>
					</div>
				</div>
			</div>
			<div class="si">
				<div class="sk">
					<div>
						<img src="gwcimg/sp2.jpg" >
					</div>
					<div>
						<a id="a1">Redmi Note 10 5G</a><br>
						<a id="a2">￥1099</a>
					</div>
				</div>
				<div class="sk">
					<div>
						<img src="gwcimg/sp3.jpg" >
					</div>
					<div>
						<a id="a1">米家除螨仪</a><br>
						<a id="a2">￥199</a>
					</div>
				</div>
			</div>
			<div class="si">
				<div class="sk">
					<div>
						<img src="gwcimg/sp2.jpg" >
					</div>
					<div>
						<a id="a1">Redmi Note 10 5G</a><br>
						<a id="a2">￥1099</a>
					</div>
				</div>
				<div class="sk">
					<div>
						<img src="gwcimg/sp3.jpg" >
					</div>
					<div>
						<a id="a1">米家除螨仪</a><br>
						<a id="a2">￥199</a>
					</div>
				</div>
			</div>
		</div>
		<div class="bottom">
				<div id="sy">
					<img src="img/bottom.png" ><br>
					<a href="index.html">首页</a>
				</div>
				<div id="fl">
					<img src="img/bottom2.png" ><br>
					<a>分类</a>
				</div>
				<div id="mq">
					<img src="img/bottom3.png" ><br>
					<a>米圈</a>
				</div>
				<div id="gwc">
					<img src="img/bottom4.png" ><br>
					<a href="gwc.html">购物车</a>
				</div>
				<div id="wd">
					<img src="img/bs5.png" ><br>
					<a style="color: #FF6700;">我的</a>
				</div>
			</div>
			<script type="text/javascript">
				var gwc=document.querySelector("#gwc");
				var sy=document.querySelector("#sy");
				var fl=document.querySelector("#fl");
				var mq=document.querySelector("#mq");
				var fh=document.querySelector(".fh");
				var kk1=document.querySelector("#kk1");
				var zbnr2=document.querySelector(".zbnr2");
				var kk3=document.querySelector("#kk3");
				var q1=document.querySelector("#q1");
				var q2=document.querySelector("#q2");
				var q3=document.querySelector("#q3");
				var d2=document.querySelector(".d2");
				var bl = window.location.hash.slice(1).split('?');
				var ztm;
				if(bl.length >= 1){
					for(var i = 0; i < bl.length; i += 1){
						switch (bl[i].split('=')[0]) {
							case 'ztm':
								ztm=bl[i].split('=')[1];
							break;
							default:
							null;
							break;
						}
					}
				}
				if(ztm==1){
					kk1.style.display="block";
					kk3.style.display="block";
					zbnr2.style.display="none";
					q1.className=" wlys";
					d2.innerText="我的订单";
				}else if(ztm==2){
					kk1.style.display="block";
					kk3.style.display="none";
					zbnr2.style.display="none";
					q2.className=" wlys";
					d2.innerText="待支付订单";
				}else if(ztm==3){
					kk1.style.display="none";
					kk3.style.display="block";
					zbnr2.style.display="none";
					q3.className=" wlys";
					d2.innerText="待收货订单";
				}
				q1.onclick=function(){
					q1.className=" wlys";
					q2.className="";
					q3.className="";
					kk1.style.display="block";
					kk3.style.display="block";
					zbnr2.style.display="none";
					d2.innerText="我的订单";
				}
				q2.onclick=function(){
					q2.className=" wlys";
					q1.className="";
					q3.className="";
					kk1.style.display="block";
					kk3.style.display="none";
					zbnr2.style.display="none";
					d2.innerText="待支付订单";
				}
				q3.onclick=function(){
					q3.className=" wlys";
					q1.className="";
					q2.className="";
					kk1.style.display="none";
					kk3.style.display="block";
					zbnr2.style.display="none";
					d2.innerText="待收货订单";
				}
				fh.onclick=function(){
					javascript:history.back();
				}
				mq.onclick=function(){
					window.location.href="miquan.html";
				}
				fl.onclick=function(){
					window.location.href="fenlei.html";
				}
				sy.onclick=function(){
					window.location.href="index.html";
				}
				gwc.onclick=function(){
					window.location.href="gwc.html";
				}
				
			</script>
	</body>
</html>
